import styled from 'styled-components'

export const LoginWarpper=styled.div`
    position:absolute;
    z-index:0;
    top:0px;
    left:0px;
    right:10px;
    bottom:0px;
    background:#eee;
    text-align:center;
`;
export const LoginBox=styled.div`
    width: 400px;
    margin: 160px auto 0;
    padding: 50px 50px 30px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    vertical-align: middle;
    display: inline-block;
    .loginTitle{
        font-weight: 700;
        color: #ea6f5a;
        font-size:20px;
    }
    .login-form {
      max-width: 300px;
    }
    .login-form-forgot {
      float: right;
    }
    .login-form-button {
      width: 100%;
    }
    .ant-checkbox-wrapper{
        float:left;
    }
    .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #ea6f5a;
        border-color: #ea6f5a;
    }
    .login-form-forgot{
        color: #ea6f5a;
    }
    .login-form-button{
        margin-top:30px;
        background-color: #ea6f5a;
        border-color: #ea6f5a;
    }
    .ant-btn:hover, .ant-btn:focus {
        color: #ea6f5a;
        background-color: #fff;
        border-color: #ea6f5a;
    }
    .ant-input{
        padding-top:20px;
        padding-bottom:20px;
        
    }
`